<template>
	<view class="selectExpoHall">
		<view class=" list scale-1px-bottom " v-for="data in projectList" @tap="getnav(router(`selectExpo?id=${data.id}`))">
			<view class="next box">
				<view class="name">{{data.name}}</view>
				<view  class="addrBox line1">
					<text class="iconfont icon-dingwei color00" ></text>
					<text  class="addr">{{data.address}}</text>
				</view>
			</view>
			
		</view>
	</view>
</template>
<script>
	export default {
		data ()  {
			return {
				projectList:[]
			}
		},
		onLoad(option) {
			this.detail(option.id);
		},
		methods:{
			detail(id){
				let token = uni.getStorageSync('userinfo').token;
				let user_id = uni.getStorageSync('userinfo').id;
				this.http('/api/pavilion/index', 'post', {id:id,token,user_id}, )
				.then((res) => {
					this.projectList = res.data
				})
			}
		}
	}
	
</script>


<style lang="less">
	.selectExpoHall{
		padding: 0 40rpx;
		.list{
			height: 143rpx;
			padding: 25rpx 0;
			.box{
				display: flex;
				height: 100%;
				justify-content: space-between;
				flex-direction: column;
				.name{
					padding-right: 40rpx;
					font-size:32rpx;
					font-weight:bold;
					color:rgba(38,38,38,1);
				}
				.addrBox{
					padding-right: 40rpx;
					.addr{
						font-size:24rpx;
						color:rgba(190,201,215,1);
						padding-left: 8rpx;
					}
				}
				
			}
		}
	}
</style>
